<template>
	<view class="feedback-body">
		<view class="feedback-item" v-for="(item,index) in record" :key="index" @click="showDetail()">
			<view class="feedback-time">
				<view class="feedback-dot"></view>
				<view class="">{{item.time}}</view>
			</view>
			<view class="feedback over-1">[反馈]{{item.feedback}}</view>
			<view class="reply over-1">[回复]{{item.reply}}</view>
		</view>
		<u-empty mode="data" v-if="record.length==0"></u-empty>

	</view>
</template>
<script>
	import {
		mapGetters,
	} from 'vuex'

	export default {
		data() {
			return {
				question: '',
				record: [{
					time: '2025-08-12',
					feedback: "123123吃撒迪卢克时间段拉数据溜达鸡阿拉weewasdsaqwdqw  qwdqwed手打",
					reply: "收到反馈，已经协调处理。"
				}, {
					time: '2025-08-12',
					feedback: '问诊客服端无法发送消息',
					reply: "收到反馈，已经协调处理。"
				}],
				messageId: '',
				list: [],
				current: -1,
				count: 0,
				timer: null,
				keyWord: "",
			}
		},
		computed: {
			...mapGetters(["hostApi"]),
		},
		mounted() {

		},
		methods: {
			showDetail() {
				uni.$u.route('/pages/passwordAndFeedback/FeedbackDetail');
			}
		},
	}
</script>
<style scoped>
	.feedback-body {
		height: 100vh;
		padding: 32rpx;
	}

	.feedback-time {
		display: flex;
		font-size: 28rpx;
	}

	.feedback-item {
		padding: 26rpx;
		background-color: white;
		border-radius: 24rpx;
		box-shadow: 0rpx 8rpx 32rpx 0rpx rgba(0, 0, 0, 0.102);
		margin: 32rpx 0;
		font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
		font-weight: 400;
		text-align: left;
		font-style: normal;
		text-transform: none;
	}

	.feedback-dot {
		display: inline-block;
		width: 24rpx;
		height: 24rpx;
		background-color: #FF0000;
		border-radius: 24rpx;
		margin: 6rpx 8rpx 20rpx 0;
	}

	.feedback {
		background-color: #F0F4FC;
		color: #666;
		font-size: 26rpx;
		padding: 16rpx;
		border-radius: 8rpx;
	}

	.reply {
		height: 26rpx;
		font-size: 26rpx;
		color: #999999;
		line-height: 26rpx;
		margin-left: 20rpx;
		margin-top: 24rpx;
	}
</style>